<!-- <link href="https://cdn.bootcss.com/viewerjs/1.0.0/viewer.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/viewerjs/1.0.0/viewer.js"></script>

<ul id="viewer">
  <li *ngFor="let data of _dataSet">
    <img src="{{data.visitUrl}}" alt=""></li>
</ul> -->



<nz-table #nzTable [nzDataSource]="_dataSet" [nzPageSize]="7" nzShowSizeChanger>
  <thead nz-thead>
    <tr>
      <th nz-th nzCheckbox>
        <label nz-checkbox [(ngModel)]="_allChecked" [nzIndeterminate]="_indeterminate" (ngModelChange)="_checkAll($event)">
        </label>
      </th>
      <th nz-th>
        <span>描述</span>
      </th>
      <th nz-th>
        <span>所属</span>
      </th>
      <th nz-th>
        <span>位置</span>
      </th>
      <th nz-th>
        <span>创建时间</span>
      </th>



    </tr>
  </thead>
  <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of nzTable.data">
      <td nz-td nzCheckbox>
        <label nz-checkbox [(ngModel)]="data.checked" (ngModelChange)="_refreshStatus($event)">
        </label>
      </td>
      <td nz-td>
        {{data.description}}
      </td>
      <td nz-td>
        <a href="{{data.visitUrl}}" target="_blank">
        <img src="{{data.visitUrl}}" alt="" style="width:48px;height:48px;">
        </a>
      </td>
      <td nz-td>
        <a href="{{data.visitUrl}}" target="_blank">{{data.visitUrl}}</a>
      </td>
      <td nz-td>{{data.createTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>

    </tr>
  </tbody>
</nz-table>